<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <title>Buscador Medicando</title>

        <link href="css/bootstrap.css" rel="stylesheet" media="screen" />
        <link href="css/geral.css" rel="stylesheet" />        
        <link href="css/bootstrap-responsive.css" rel="stylesheet" />        

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>

    <body class="less-padding-l-r home">

        <div class="container-fluid less-padding-l-r">

            <div class="row-fluid">
                <div class="span12">

                    <div class="header-unit">
                        <div class="content-header">
                            <h3>
                                <i class="icons-logo-largue"></i>
                            </h3>
                            <p>A plataforma de integração entre profissionais de saúde e usuários.</p>
                        </div>
                    </div>

                    <section class="content ui-content">
                        <p class="txt-center">Busque por nome, localidade e/ou especialidade</p>

                        <div class="content-form" id="search">

                            <form action="resultado_busca.html" method="post">
                                <div class="input-append">
                                    <input class="span11" id="appendedInputButton" type="text" placeholder="Busque aqui" />
                                    <input type="submit" class="btn ico-32 search" />
                                </div>
                            </form> 

                        </div>


                        <div class="accordion" id="accordion-search">
                            <div class="accordion-group less-border">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                                        <span class="btn-inner">
                                            <span class="btn-text">Refine sua busca</span>
                                            <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                        </span>
                                    </a>
                                </div>
                                <div id="collapseOne" class="accordion-body collapse in">
                                    <div class="accordion-inner">
                                        <form action="resultado_busca.html" method="post">

                                            <div class="alert alert-success">
                                                Melhore a sua busca adicionando filtros
                                            </div>

                                            <div class="">
                                                <label class="checkbox"><input type="checkbox" name="checkbox-0" /> Desmarcar todos os filtros </label>
                                            </div>

                                            <div class="accordion" id="accordionFilter">
                                                <div class="accordion-group">
                                                    <div class="accordion-heading inner">
                                                        <a class="accordion-toggle _active" data-toggle="collapse" data-parent="#accordionFilter" href="#plano">
                                                            <span class="btn-inner">
                                                                <span class="btn-text">Plano de saúde</span>
                                                                <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                            </span>
                                                        </a>
                                                    </div>

                                                    <div id="planos" class="accordion-body collapse in">
                                                        <div class="accordion-inner inner content-scrollable">
                                                            <label class="checkbox"><input type="checkbox" /> Plano A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Plano C </label>
                                                        </div>
                                                    </div>

                                                </div>
                                                <!-- Especialidade -->
                                                <div class="accordion-group">
                                                    <div class="accordion-heading inner">
                                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionFilter" href="#especialidade">
                                                            <span class="btn-inner">
                                                                <span class="btn-text">Especialidade</span>
                                                                <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                            </span>
                                                        </a>
                                                    </div>

                                                    <div id="especialidade" class="accordion-body collapse">
                                                        <div class="accordion-inner inner content-scrollable">
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Especialidade C </label>
                                                        </div>
                                                    </div>

                                                </div>
                                                <!-- Especialidade --> 

                                                <!-- Estado -->
                                                <div class="accordion-group">
                                                    <div class="accordion-heading inner">
                                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionFilter" href="#estado">
                                                            <span class="btn-inner">
                                                                <span class="btn-text">Estado</span>
                                                                <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                            </span>
                                                        </a>
                                                    </div>

                                                    <div id="estado" class="accordion-body collapse">
                                                        <div class="accordion-inner inner content-scrollable">
                                                            <label class="checkbox"><input type="checkbox" /> Etado A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado C </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado A </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado B </label>
                                                            <label class="checkbox"><input type="checkbox" /> Etado C </label>
                                                        </div>
                                                    </div>                                                  

                                                </div>                                                
                                                <!-- Especialidade -->
                                            </div>

                                            <span class="help-block">Buscar por:</span>
                                            <label class="checkbox">
                                                <input type="checkbox"> Profissional
                                            </label>
                                            <label class="checkbox">
                                                <input type="checkbox"> Clínicas e hospitais
                                            </label>

                                            <div class="form-actions">
                                                <button type="submit" class="btn btn-primary btn-large">Aplicar filtro</button>
                                                <button type="button" class="btn btn-large">Cancelar</button>
                                            </div>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                </div>                

            </div>

            <div class="clear"></div>         


        </div>

        <footer class="txt-center footer">
            <p><a href="http://www.medicando.com.br">Versão desktop</a></p>
        </footer>

    </body>
</html>